<!DOCTYPE HTML>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta name="renderer" content="webkit">
    <title>智慧公路桥梁安全服务云平台</title>
    <link rel="stylesheet" type="text/css"
          href="${ctxPath}/assets/modular/system/view/css/base2.css">
    <link rel="stylesheet" type="text/css"
          href="${ctxPath}/assets/modular/system/view/css/index2.css">
    <link rel="stylesheet" href="${ctxPath}/assets/common/layui/css/layui.css"/>
    <link rel="stylesheet" href="${ctxPath}/assets/common/module/admin.css"/>
    <link rel="shortcut  icon" type="image/x-icon"
          href="../../../../assets/img/favicon.ico" media="screen">

</head>
<body class="body">
<input type="hidden" id="beamNo"/>
<div class="sys-name">
    <div class="curDate"></div>
    <input id="date_range" readonly="readonly"/>
    <button id="search-btn1"
            class="search-btn layui-btn layui-btn-sm layui-btn-normal">搜索
    </button>
    <input id="search"/>
    <button id="search-btn2"
            class="search-btn layui-btn layui-btn-sm layui-btn-normal">搜索
    </button>
    <span class="title">智慧公路桥梁安全服务云平台</span>
    <select class="time_period">
        <option value="600000">10min</option>
        <option value="1800000">30min</option>
        <option selected value="3600000">1hour</option>
        <option  value="7200000">2hour</option>
        <option value="21600000">6hou</option>
        <option value="43200000">12hour</option>
    </select>
    <button id="file-download"
            class="search-btn layui-btn layui-btn-sm layui-btn-normal">报告下载
    </button>

</div>
<div class="main">
    <div class="top" style="width:100%;height:55%">
        <div class="center-top" style="height:100%;width:50%;float:left">
            <!--<div class="monitor-summary">-->
            <!--</div>-->
            <div class="map-bridge-desc">
            </div>
            <div id="map-charts"></div>
        </div>
        <div class="center-bottom" style="height:100%;width:50%;float:left">
            <!--<div id="line-charts1"></div>-->
            <div class="modal modalTwo">
                <div class="equip-main">
                    <div class="infoDiv info1">
                        <div class="info-item item1 move" style="height: 100%;">
                            <div class="sb-title">实时挠度监控</div>
                            <div class="sb-info" style="height: 100%;">
                                <div id="line-charts1"></div>
                            </div>
                        </div>
                        <div class="info-item item2 animate"
                             style="height: 100%;">
                            <div class="sb-title">静态挠度趋势</div>
                            <div class="sb-info" style="height: 100%;">
                                <div id="line-charts2"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="bottom" style="width:100%;height:45%">
        <div class="center-bottom" style="height:100%;width:50%;float:left">
            <div id="point-charts"></div>
        </div>
        <div class="right-bottom" style="height:100%;width:25%;float:left">
            <div class="boxBg">
                <div id="pie-charts1"></div>
            </div>
        </div>
        <div class="right-bottom" style="height:100%;width:25%;float:left">
            <div class="boxBg">
                <div id="bar-charts3"></div>
            </div>
        </div>
        <!-- <input class="range-slider" type="hidden" value="480,1320"/>
         <button id="g2">获取值</button>-->

    </div>


</div>



<!--<iframe id="rfFrame" name="rfFrame" src="about:blank" style="display:none;"></iframe>-->

<form action="/file/download/wordReport" method="post" target="myIFrame"
      id="postData_form">
    <input id="_beamNo" name="beamNo" type="hidden"/>
    <input id="_img64Url" name="img64Url" type="hidden"/>
    <input id="_startDate" name="startDate" type="hidden"/>
    <input id="_endDate" name="endDate" type="hidden"/>
</form>
<iframe id="myIFrame" name="myIFrame" src="about:blank" style="display:none;"
        noresize>

</iframe>
<!--脚本区域开始-->


<script type="text/javascript"
        src="${ctxPath}/assets/common/layui/layui.js"></script>
<!--<script type="text/javascript" src="https://api.map.baidu.com/api?v=3.0&ak=pTmN20ALNAftvVTR9nxXnRnXLEEAkSuu"></script>-->
<script src="${ctxPath}/assets/modular/system/view/js/jquery-3.1.1.min.js"></script>
<script src="${ctxPath}/assets/modular/system/view/js/echarts.min.js"></script>
<script src="${ctxPath}/assets/modular/system/view/js/influxdb-latest.js"></script>
<script src="${ctxPath}/assets/modular/system/view/js/china.js"></script>
<script src="${ctxPath}/assets/modular/system/view/js/influxUtil.js"></script>
<script src="${ctxPath}/assets/modular/system/view/js/monitorView.js"></script>

<!--脚本区域结束-->
<!--<script>
    $(function(){
        $('.range-slider').jRange({
            from: 0, to: 1440, step:30,
            scale: ['2018-09-01','2018-09-02','2018-09-03','2018-09-04','2018-09-05','2018-09-06','2018-09-07'],
            format: '%s',
            width: 400,
            showLabels: false,
            isRange : true
        });

        $("#g2").click(function(){
            var aa = $(".range-slider").val();
            alert(aa);
        });
    });

</script>-->
</body>
</html>
